<template>
  <div>
    <Header></Header>
    <div class="content">
      <div class="bread_nav flex-box">
        <div class="bread fs16 col3">
          当前位置：<router-link to="/">首页</router-link>><router-link to="/info">个人中心</router-link>><a
            href="javascript:;"
            >发票管理</a
          >
        </div>
      </div>
      <div class="personal per_invoice pt30 m1440 flex-box flex-col-start">
        <div class="left_nav fs18">
          <a href="javascript:;">基本信息</a>
          <a href="javascript:;">证书抬头</a>
          <a href="javascript:;" class="active">发票管理</a>
          <a href="javascript:;">合同管理</a>
          <a href="javascript:;">关于我们</a>
        </div>
        <div class="right_box flex-grow-1">
          <div class="fs18 fwb pb30">申请开票</div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">订单编号：</div>
            <div class="fs16">123234334355</div>
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">发票形式：</div>
            <div class="type_box active fs16">纸质</div>
            <div class="type_box fs16">电子</div>
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">发票类型：</div>
            <div class="type_box active fs16">普票</div>
            <div class="type_box fs16">专票</div>
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">发票抬头：</div>
            <input type="text" class="invoice_input fs16" />
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">纳税识别号：</div>
            <input type="text" class="invoice_input fs16" />
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">开户行：</div>
            <input type="text" class="invoice_input fs16" />
          </div>
          <div class="pb30 flex-box">
            <div class="invoice_title fs16 col9 mr10">银行账号：</div>
            <input type="text" class="invoice_input fs16" />
          </div>
          <div class="fs18 fwb pb20 pt40 mt10 border">收件信息</div>
          <div class="name_box">
            <div class="flex-box flex-between pb20">
              <div class="fs16 col10 flex-box">
                <span class="invoice_title col9">收件人：</span><span>李薇薇</span>
              </div>
              <div class="target">默认</div>
            </div>
            <div class="fs16 col10 pb20 flex-box">
              <span class="invoice_title col9">详细地址：</span
              ><span>江苏省镇江市京口区象山路</span>
            </div>
            <div class="flex-box flex-between">
              <div class="fs16 col10 flex-box">
                <span class="invoice_title col9">联系电话：</span><span>13024512475</span>
              </div>
              <div class="fs16 normal use_other">使用其他地址</div>
            </div>
          </div>
          <div class="save">提交</div>
        </div>
        <Popup :visible="popup" :confirmText="false" :cancleText="false" @close="closePop">
          <div class="name_pop">
            <div class="flex-box name_title flex-between">
              <div class="fs20">新增收件地址</div>
              <img
                src="../assets/static/icon/icon_close.png"
                class="icon_close"
                onclick="closePop()"
                alt=""
              />
            </div>
            <div class="cirticle_info">
              <div class="must fs16 col9 info_title">收件人</div>
              <input type="text" class="input1" />
              <div class="must fs16 col9 info_title">所在地区</div>
              <div class="outer flex-box flex-between">
                <div class="flex-box select_box">
                  <select class="fs16 flex-grow-1" name="province" id="province"></select>
                </div>
              </div>
              <div class="must fs16 col9 info_title">详细地址</div>
              <input type="text" class="input2" />
              <div class="must fs16 col9 info_title">手机号码</div>
              <input type="text" class="input1" />
              <div class="flex-box">
                <div class="fs16 col9 mr30">设为默认收件地址</div>
                <div class="switch"></div>
              </div>
              <div class="save">保存</div>
            </div>
          </div>
        </Popup>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
export default {
  data() {
    return {
      popup: true,
    };
  },
  methods: {
    closePop() {
      this.popup = !this.popup;
    },
  },
};
</script>
